<template>
    <div>
        <!-- 提示组件1：没有更多了（当搜索的商品不存在的时候） -->
        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
            <van-cell v-for="item in dynamicSearchTipsArr" :key="item" :title="item" @click="getvalue(item)"/>
        </van-list>
    </div>
</template>

<script>

export default {
    name: '',
    data() {
        return {
            loading: true,
            finished: true,
        };
    },
    props:['dynamicSearchTipsArr'],
    // List 组件通过 loading 和 finished 两个变量控制加载状态，当组件滚动到底部时，
    // 会触发 load 事件并将 loading 设置成 true。此时可以发起异步操作并更新数据，
    // 数据更新完毕后，将 loading 设置成 false 即可。若数据已全部加载完毕，
    // 则直接将 finished 设置成 true 即可
    methods:{
        onLoad() {
      //加载事件 滚动条与底部距离小于 offset 时触发
    },
    
    getvalue(val){
        // console.log('tipval',val);
        this.$emit('sendval',val)
    }
    }



}

</script>
<style scoped>

</style>